<!DOCTYPE html>
<html>

<head>
<link rel="stylesheet" type="text/css" href="../css/facebook.css"/>
	<link rel="stylesheet" type="text/css" href="../css/fb-buttons.css"/>
</head>

<body >
<title>Welcome to Facebook</title>

<div id="header" style="height:40px">
	<h1 class="fbbanner"><a class="fbbanner" href="controlled_complete_failed.html" style="text-decoration:none">facebook</a></h1>
	<img style="position:absolute; left:115px; width:80px; top:8px" src="../img/banner_items.png">
	<img style="position:absolute; left:195px; width:370px; top:3px" src="../img/banner_search.png">
	<img style="position:absolute; right:137px; width:10px; top:19px" src="../img/banner_separator.png">
	<img style="position:absolute; right:88px; width:10px; top:19px" src="../img/banner_separator.png">
	<img style="position:absolute; right:70px; width:20px; top:16px" src="../img/banner_arrow.png">
	<h1 style="font-size:11px; color:#d3dfea; position:absolute; right:150px; top:12px; font-family:Lucida Grande"></h1>
	<h1 style="font-size:11px; color:#d3dfea; position:absolute; right:101px; top:12px; font-family:Lucida Grande"">Home</h1>
</div>

<div>
	<table border="1px" bordercolor="#cccccc" style="border-collapse:collapse; position:absolute; width:500px; height:300px; left:240px; top:130px; border-radius:40px;">
		<tr>
				<td>
					<h1 style="position:absolute; color:#1c2a47; font-family:Lucida Grande; top:20px; left:20px; font-size:16px">Update your password  </h1>
					<img style="position:absolute; width:180px;right:18px; top:34px" src="../img/default_strength_meter.png">
					<hr size="1" color="#cccccc" noshade style="position:absolute; width:455px; left:20px; top:50px">
					
					<div style="position:absolute; left:20px; top:0px; width:200px">
					<div style="position: absolute; font-family:Lucida Grande; font-size:13px; left: 35px; top: 100px;">Old Password: </div>
					<input class = "textbox" type="password" name="email" style="position: absolute; width:200px; left: 140px; top: 98px;"/>
					
					<div style="position: absolute; font-family:Lucida Grande; font-size:13px; left: 30px; top: 150px;">New Password: </div>
					<input class = "textbox" type="password" name="email" style="position: absolute; width:200px; left: 140px; top: 148px;"/>
					
					<div style="position: absolute; font-family:Lucida Grande; font-size:13px; left: 30px; top: 200px;">New Password: </div>
					<input class = "textbox" type="password" name="email" style="position: absolute; width:200px; left: 140px; top: 198px;"/>
					</div>
				</td>
		</tr>
		<tr style="height:40px; background-color:#f2f2f2">
				<td>
					<!--<form method="get" action="controlled_complete_failed.html">
						<input type="button" name="next" style="position:absolute; top:267px; right:8px; height:100%; width:45px; background-size:100%; background:url(../img/next_button.png) no-repeat; border-width:0px">
					</form>-->

					<a href="../view/controlled_complete_failed.html" style="text-decoration:none"><img style="position:absolute; top:267px; right:8px; height:25px; width:45px; background-size:100%; background:url(../img/next_button.png) no-repeat; border-width:0px"></a>
				</td>
									<a href="../view/controlled_complete_failed.html" style="text-decoration:none">
		<input class = "uibutton confirm" type="submit" value="Skip" style="position: absolute;  left: 630px; top: 399px;"/> 
	</a>
		</tr>
	</table>
	<img style="position:absolute; left:30px; width:1000px; top:500px" src="../img/footer.png">
</div>

</body>
</html>